<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>团队邀请函 | [Attendance]</title>
</head>

<body
        style="margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,sans-serif;">
<!-- Outlook 回退样式 -->
<!--[if mso]>
<style type="text/css">
    .body-container '{ background: #ffb457!important; '}
    .main-card '{ width: 100%!important; '}
</style>
<![endif]-->
<div style="background:linear-gradient(135deg,#ffb457 0%,#ff705b 100%);padding:24px 12px;min-height:100vh;">
    <!-- 主卡片容器 -->
    <div
            style="max-width:480px;margin:0 auto;background:rgba(255,255,255,0.98);border-radius:16px;box-shadow:0 6px 24px rgba(0,0,0,0.08);">
        <!-- 头部 -->
        <div style="padding:20px 16px;text-align:center;border-bottom:1px solid rgba(0,0,0,0.05);">
            <span style="filter: drop-shadow(0 2px 4px rgba(255, 112, 91, 0.2));font-size: 48px;">🦀</span>
        </div>

        <!-- 内容区 -->
        <div style="padding:32px 20px;">
            <!-- 标题 -->
            <h1 style="color:#1a1a1a;font-size:20px;margin:0 0 28px 0;text-align:center;font-weight:600;">
                🚩 邀请加入
            </h1>

            <!-- 验证码区块 -->
            <div
                    style="background:rgba(255,112,91,0.08);border-radius:12px;padding:20px;margin:0 0 28px 0;text-align:center;">
                <div style="color:#666;font-size:13px;margin-bottom:8px;">
                    <b>{2}</b>团队邀请您加入</div>
                <div style="font-size:28px;color:#ff705b;letter-spacing:3px;font-weight:700;font-family:monospace;">
                    <form action="http://193.112.178.201:8080/api/team/agree" method="post">
                        <input type="number" name="u_id" value="{0}" hidden>
                        <input type="number" name="t_id" value="{1}" hidden>
                        <input type="number" name="id" hidden>
                        <input type="text" name="name" hidden>
                        <input type="number" name="r_id" hidden>

                        <!-- 操作按钮 -->
                        <div class="btn-container"
                             style="display: flex; justify-content:center; gap: 12px; margin: 32px 0px;margin-bottom: 28px;">
                            <!-- 同意按钮 -->
                            <button type="submit" style="display: block;
                          text-decoration: none;
                          outline: none;
                          padding: 8px 14px;
                          border-radius: 10px;
                          background: linear-gradient(45deg, #ffb457, #ff705b);
                          color: #fff !important;
                          font-weight: 600;
                          text-align: center;
                          transition: opacity 0.2s;
                          width: 66.68%;
                          box-shadow: 0 4px 12px rgba(255, 112, 91, 0.2);
                          border: none;
                          ">
                                同 意
                            </button>

                            <!-- 拒绝按钮
                        <button style="display: block;
                      text-decoration: none;
                      padding: 8px 14px;
                      outline: none;
                      width: 48%;
                      border-radius: 10px;
                      background: linear-gradient(45deg, #f0f0f0, #e0e0e0);
                      color: #666 !important;
                      font-weight: 600;
                      text-align: center;
                      border: 1px solid rgba(0,0,0,0.08);
                      transition: opacity 0.2s;">
                            拒 绝
                        </button> -->
                        </div>
                    </form>

                </div>
            </div>

            <!-- 步骤引导 -->
            <div style="margin-bottom:32px;">
                <div style="display:block;margin-bottom:20px;">
                    <div
                            style="display:inline-block;width:28px;height:28px;background:#ff705b;color:#fff;border-radius:8px;line-height:28px;text-align:center;margin-right:12px;">
                        1</div>
                    <span style="color:#444;font-size:15px;">确认对方邀请信息</span>
                </div>
                <div style="display:block;">
                    <div
                            style="display:inline-block;width:28px;height:28px;background:#ff705b;color:#fff;border-radius:8px;line-height:28px;text-align:center;margin-right:12px;">
                        2</div>
                    <span style="color:#444;font-size:15px;">完成团队加入流程</span>
                </div>
            </div>

            <!-- 安全提示 -->
            <div
                    style="background:rgba(255,112,91,0.05);padding:16px;border-radius:8px;border:1px dashed rgba(255,112,91,0.15);">
                <div style="color:#ff705b;font-size:13px;display:flex;align-items:flex-start;">
                    <span style="display:inline-block;margin-right:8px;">⚠️</span>
                    <span>确系双方沟通确认后，进行操作，如需拒绝请忽略此邮件！</span>
                </div>
            </div>
        </div>

        <!-- 页脚 -->
        <div
                style="padding:20px 16px;text-align:center;color:#888;font-size:12px;border-top:1px solid rgba(0,0,0,0.05);">
            <p style="margin:8px 0;">小佘佘🦀</p>
            <p style="margin:8px 0;word-break:break-all;">客服支持：7532807878@qq.com</p>
        </div>
    </div>
</div>
</body>

</html>